$(function(){
    // 定义校验规则
    let form = layui.form
    // 参数是对象类型:属性是规则名称
    form.verify({
        nickname:[
            /^[\S]{1,10}$/,
            '写那么多干啥玩意撑死我啊'
        ]
    })
    // 需求2 渲染用户信息,封装成函数
        initUserInfo()
    function initUserInfo() {
        axios({
            method:'GET',
            url:'/my/userinfo',
        }).then(res => {
            // console.log(res);
            if (res.data.status !==0) {
                return layer.msg(res.data.message)
            }
            // 内置模块->表单->表单赋值/取值
            form.val('formUserInfo',res.data.data)
        })
    }

    // 需求3重置功能
    $('#btnReset').on('click',function (e) {
        e.preventDefault()
        // 重新渲染表单
        initUserInfo()
    })
    // 需求4.修改用户信息
    $('form').on('submit',function (e) {
        e.preventDefault()
        axios({
            method:'POST',
            url:'/my/userinfo',
            data:$(this).serialize()
        }).then(res => {
            if (res.data.status !==0) {
                return layer.msg(res.data.message)
            }
            layer.msg('修改成功')
            // 直接调用无效,因为不是一个Window对象
            window.parent.getUserInfo()
        })
    })
})